<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>查看所有学生名单</title>
    <style>

        body {
            align-items: center;
            background-color: var(--white);
            /* 决定背景图像的位置是在视口内固定，或者随着包含它的区块滚动。 */
            /* https://developer.mozilla.org/zh-CN/docs/Web/CSS/background-attachment */
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            display: grid;
            height: 50vh;
            place-items: center;
        }

        table, td, th
        .table11_6 table {
            /*width: 100%;*/
            margin: 15px 0;
            border: 0;
        }

        .table11_6 th {
            background-color: #96C7ED;
            color: #000000
        }

        .table11_6, .table11_6 th, .table11_6 td {
            font-size: 0.95em;
            text-align: center;
            padding: 4px;
            border-collapse: collapse;
        }

        .table11_6 th, .table11_6 td {
            border: 1px solid #73b4e7;
            border-width: 1px 0 1px 0;
            border: 2px inset #ffffff;
        }

        .table11_6 tr {
            border: 1px solid #ffffff;
        }

        .table11_6 tr:nth-child(odd) {
            background-color: #dcecf9;
        }

        .table11_6 tr:nth-child(even) {
            background-color: #ffffff;
        }
    </style>
<body>
<!--    <table border="1px">-->
    <button value="提交数据" onclick="javascript:window.location.href='http://127.0.0.1:5000/record/{{inspector_id}}'">提交数据</button>

<table class=table11_6 border="1px">
    <thead>
    <tr>
        <th> 序号 </th>
        <th> 班级 </th>
        <th> 督察员 </th>
        <th colspan="2"> 班级量化 </th>
        <th colspan="2"> 宿舍量化 </th>
        <th colspan="2"> 个人量化 </th>
        <th colspan="2"> 楼值量化 </th>
        <th colspan="2"> 纪律量化 </th>
        <th> 检查时间 </th>
    </tr>
    </thead>
    <tbody>
    {% for i in cls %}
    <tr>
        <td>{{i['id']}}</td>
        <td>{{i['cls_id']}}</td>
        <td>{{i['inspector_id']}}</td>
        <td>{{i['classroom']['分数']}}</td>
        {#
        <td>{{i['classroom']['减分项']}}</td>
        #}
        <td>
            <select>
<!--                <option>减分项</option>-->
                {% for k,v in i['classroom']['减分项'].items() %}
                <option>{{ k }}-{{ v }}</option>
                {% endfor %}
            </select>
        </td>
        <td>{{i['dormitory']['分数']}}</td>
        {#
        <td>{{i['dormitory']['减分项']}}</td>
        #}
        <td>
            <select>
<!--                <option>减分项</option>-->
                {% for k,v in i['dormitory']['减分项'].items() %}
                <option>{{ k }}-{{ v }}</option>
                {% endfor %}
            </select>
        </td>
        <td>{{i['personal']['分数']}}</td>
        {#
        <td>{{i['personal']['减分项']}}</td>
        #}
        <td>
            <select>
<!--                <option>减分项</option>-->
                {% for k,v in i['personal']['减分项'].items() %}
                <option>{{ k }}-{{ v }}</option>
                {% endfor %}
            </select>
        </td>
        <td>{{i['floor']['分数']}}</td>
        {#
        <td>{{i['floor']['减分项']}}</td>
        #}
        <td>
            <select>
<!--                <option>减分项</option>-->
                {% for k,v in i['floor']['减分项'].items() %}
                <option>{{ k }}-{{ v }}</option>
                {% endfor %}
            </select>
        </td>
        <td>{{i['discipline']['分数']}}</td>
        {#
        <td>{{i['discipline']['减分项']}}</td>
        #}
        <td>
            <select>
<!--                <option>减分项</option>-->
                {% for k,v in i['discipline']['减分项'].items() %}
                <option>{{ k }}-{{ v }}</option>
                {% endfor %}
            </select>
        </td>
        <td>{{i['inspect_time']}}</td>
    </tr>
    {% endfor %}
    </tbody>
</table>
</body>
</html>